@charset "utf-8";
/******************************************************

 概况：包团定制样式表
 
 ******************************************************/

/* 主题列表 */
.topics_title{ background:url(../images/zhuti/z_03.png); height:39px; line-height:39px;}
.topics_title div{ width:1100px; margin:0 auto;}
.topics_title div a{ margin:0 7px;}

.banner{ height:420px;}


.box_b{ width:1200px; margin:0 auto; overflow:hidden;}
.box_b aside{ float:left; width:280px; position:relative;}
.box_b .right{ padding-left:310px; min-height:800px;}

.box_b .left{  background:#fff; border-radius:5px 5px 0 0; margin-top:10px; width:280px; box-shadow:0px 0px 10px 0 #ccc;}
.box_b .left .top_pic{ padding:20px 0 0 15px;}



.lefta{ padding:10px 20px;}
.lefta dl{}
.lefta dl dt{ font-weight:bold; font-size:16px;}
.lefta dl dd { padding-top:10px;overflow:hidden;width:280px;}
.lefta dl dd a{ border:#dcdcdc 1px solid; display:block; float:left; width:75px;margin-right:5px; padding:5px 0 2px 0; text-align:center; margin-bottom:5px;}
.lefta dl dd a img{ display:block; margin:0 auto; width:22px; height:18px;}

.leftb{ padding:10px 20px;}
.leftb dl{}
.leftb dl dt{ font-weight:bold; font-size:16px;}
.leftb dl dt a{ float:right; display:block; font-weight:normal; font-size:13px; text-align:right;}
.leftb dl dd { padding-top:10px; width:280px; overflow:hidden;}
.leftb dl dd a{ display:block; float:left; margin-bottom:10px; margin-right:15px; line-height:28px; width:113px; height:28px;}

.leftc{ padding:10px 20px;}
.leftc dl{}
.leftc dl dt{ font-weight:bold; font-size:16px;}
.leftc dl dd { padding-top:10px;overflow:hidden;width:280px;}
.leftc dl dd a{ border:#dcdcdc 1px solid; display:block; float:left; width:111px; height:28px; line-height:28px; margin-right:15px; text-align:center; margin-bottom:10px;}
.leftc dl dd a:hover{ background:#F30; color:#fff;border:#f30 1px solid; }

.leftd{ padding:10px 20px;}
.leftd dl{}
.leftd dl dt{font-weight:bold; font-size:16px;}
.leftd dl dd{}
.leftd dl dd .top{ padding-top:10px; overflow:hidden; width:280px; }
.leftd dl dd .top li{ margin-right:15px; float:left; width:113px; text-align:center; line-height:25px; float:left;}
.leftd dl dd .top img{ display:block; width:100%; height:70px;border-radius:3px;}
.leftd dl dd .bottom{ margin-top:10px; padding-top:10px; padding-bottom:10px; margin-bottom:10px;border-top:#dcdcdc 1px dashed;border-bottom:#dcdcdc 1px dashed;}
.leftd dl dd .bottom li{ height:28px; line-height:28px;}


.box_b .right .top{}
.box_b .right .top dl{ overflow:hidden; border-bottom:#dcdcdc 1px solid;}
.box_b .right .top dl dt{ font-weight:bold; font-size:16px; float:left; height:50px; line-height:50px;}
.box_b .right .top dl dd{ float:right; height:25px; padding-top:15px; overflow:hidden;}
.box_b .right .top dl dd font{ display:block; height:23px; line-height:23px; float:left; padding:0 5px;}
.box_b .right .top dl dd a{ display:block; float:left; width:60px; height:23px; text-align:center; font-size:12px;line-height:23px; background:#ccc; color:#fff;}
.box_b .right .top dl dd a.active{ background:#f00; color:#fff;}

.lista{}
.lista section{ overflow:hidden; border-bottom:#dcdcdc 1px dashed; padding-bottom:20px; margin-top:20px;}
.lista section .pic{ float:left; width:320px; height:195px;}
.lista section .pic img{width:320px; height:195px; border-radius:5px;}
.lista section .info{ padding-left:340px;}
.lista section .info h2{ line-height:40px; height:40px; overflow:hidden;}
.lista section .info .text{ line-height:18px;}
.lista section .info .click{ background:url(../images/zhuti/z_36.png) left center no-repeat; padding-left:20px; height:35px; line-height:35px; font-size:12px;}
.lista section .info .click strong{ color:#897F08; font-size:18px; padding:0 3px;}
.lista section .info dl{ overflow:hidden;}
.lista section .info dl dt{ float:left; height:57px; line-height:57px;}
.lista section .info dl dt font{ font-size:12px; color:#999;display:block; float:left; text-decoration:line-through}
.lista section .info dl dt strong{ font-size:26px; color:#c50202; padding-left:10px;display:block; float:left;}
.lista section .info dl dd{ float:right;}

.listb{ padding:20px 0; display:none;}
.listb dl{ line-height:28px; overflow:hidden;}
.listb dl dt{ float:left; width:70px;}
.listb dl dd{ padding-left:80px;}
.listb dl dd a{ padding:0 5px;}

.listc{ overflow:hidden; width:850px; display:none;}
.listc a{ display:block; float:left; margin-right:20px; width:249px;}
.listc a img{ width:100%; height:120px;border-radius:5px;}



.area_box3{border-bottom:#dcdcdc 2px solid; padding:10px;box-shadow:0px 2px 4px 0px #dcdcdc;}
.area_box3 dl{ border-bottom:#dcdcdc 1px dashed; padding:7px 0; overflow:hidden;}
.area_box3 dl dt{ float:left; width:70px; height:30px; line-height:25px;}
.area_box3 dl dd{ float:left; width:800px;  line-height:25px;}
.area_box3 dl dd a{ /* padding:3px 15px; */ width: 80px; margin:2px; text-align: center; display: block; float: left;}
.area_box3 dl dd a.active,.area_box3 dl dd a:hover{ background:#5EC8A9; color:#fff; border-radius:3px;}

















